﻿.client-message-wrap{
    margin-left:3em;
    width:65em;
}

.message-wrap {
    width: 750px;
    height: 360px;
    display: flex;
    background-color: white;
    box-shadow: 0 2px 8px rgba(0,195,245,0.2), 0 0 1px rgba(0,195,245,0.2), 0 0 1px rgba(0,195,245,0.2);
}

.message-detail{
    width:inherit;
    display:flex;
    flex-direction:column;
}

.client-message{
    flex-grow:1;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 10px;
}

    .client-message:hover {
        background-color: rgba(0,195,245,0.2);
    }

.now-message{
    width:20em;
}

.message-title{
    display:inline-flex;
    width:7em;
}
